<template>
	<view class="relation">
		<view class="relation-ye" v-for="(item, index) in linkman">
			<view class="relation-img">
               <image src="/static/images/phone0.png" mode=""></image>
			   <text>{{item.type}}</text>
			</view>
			<view class="xianduan"></view>
			<view class="relation-one">
				<text>{{item.name}}</text>
               <view class="relation-z">
               	 <text>{{item.wx}}</text>
                   <image src="/static/images/icon-wxin.png " mode=""></image>
               </view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				linkman:[]
			}
		},
		onLoad() {
			this.getContact();
		},
		methods: {
			//获取列表
			getContact() {
				this.$get(this.api.contactUs).then((res) => {
					console.log(res);
					this.linkman = res.rows;
				}).catch((err) => {
					console.log(err)
				})
			}
			
		}
	}
</script>

<style>
	.relation{
		position: relative;
	}
	.xianduan{
		width: 583rpx;
		height: 3rpx;
		background: #99C1FF;
		position: absolute;
		margin-top: 25rpx;
        margin-left: 66rpx;
	}
	.relation-ye{
		width: 714rpx;
		height: 227rpx;
		background: #5696F8;
		border-radius: 10rpx;
		display: block;
		margin: 0 auto;
		margin-top: 20rpx;
	}
	.relation-img image{
		width: 28rpx;
		height: 35rpx;
		padding-top: 50rpx;
		padding-left: 63rpx;
	}
	.relation-img text{
		width: 111rpx;
		height: 36rpx;
		font-size: 38rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		margin-left: 24rpx;
	}
	.relation-one{
		height: 29rpx;
		font-size: 30rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		padding-top:51rpx;
		padding-left: 94rpx;
	}
	.relation-z{
		width: 160rpx;
		height: 21rpx;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		position: absolute;
		padding-left: 325rpx;
		margin-top: -30rpx;
	}
	.relation-z image{
		width: 33rpx;
		height: 28rpx;
        position: absolute;
		padding-left: 190rpx;
        margin-top: -30rpx;
	}
</style>
